﻿<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8"/>
	<title>Trang Chủ Sách Trực Tuyến:Sách Tiếng Việt</title>
	<link rel="stylesheet" href="StyleTTS.css" type="text/css"/>
</script>
</head>
<body>

	<div class = "cover">
		<div class="baoboc">
			<div class="clear">
			</div>
				<div class="menu">
				<ul>
					<li><a href="D:\Lập Trình Web\đồ án cá nhân 1\Demo2\Index.html">Trang Chủ</li>
					<li><a href="#"> Giới Thiệu </li>
					<li> Danh Mục Sách
				<ul class="dropown">
					<li><a href="D:\Lập Trình Web\đồ án cá nhân 1\Demo2\STiengViet.html">Sách Tiếng Việt</a></li>
					<li><a href="#"> Sách Tình Yêu</li>
					<li><a href="D:\Lập Trình Web\đồ án cá nhân 1\Demo2\SThieuNhi.html"> Truyện Thiếu Nhi</li></li>
				</ul>
					<li><a href="#"> Đặt Sách </li>
					<li><a href="#"> Liên Hệ
				<ul>
					<li><a href="#">Email</a></li>
					<li><a href="#">HotLine</a></li></li>
				</ul>
				<li><a href="#"> Trợ Giúp </a></li>
	</ul>
	<div class="textbox">
		<form method="post">
			<input type="text" name="value" placeholder="Tìm kiếm sách....." />
		</form>
	</div>
</div>
</div>
<div class = "slide"><marquee onmouseover="this.stop()" onmouseout="this.start()" direction="left" behavior="slide" loop=-1 scrollamount=5> 
									<a href="#"><image src="slide\5.jpg"></a>
									<a href="#"><image src="slide\6.jpg"></a>
									<a href="#"><image src="slide\7.jpg"></a>
									<a href="#"><image src="slide\8.jpg"></a>
									<a href="#"><image src="slide\9.jpg"></a>
									<a href="#"><image src="slide\10.jpg"></a>
</marquee></div>
		<div class ="content">	
					<div class="content-2">
						<h1 align="center"> Nước Mỹ Trong Tầm Tay</h1>
						<div><img src="tiengviet\tiengviet-1.jpg" alt ="Nước Mỹ Trong Tầm Tay" align="left"></div>
                       
                   
                        <form class="thongtin" >
                        <div><h3><b>Tác Giả:<font color="#990066">		Nhiều Tác Giả</font></b></h3><br>
                        <p><h3>Giá Bìa: <font color="#999999"><s>70,000 ₫</s> </font></h3></p><br>
                        
                        <p><h3>Giá Bán: <font color="red">56.000 ₫</font> </h3></p><br>
                        <p><h3>Tiết Kiệm: <font color="#000000">14,000 ₫ (-20%) </font></h3></p><br>
                         <hr width=" 300px"><br>
                         <h3><b><font color="#000000">Thông tin Giao Hàng Và Khuyến Mãi</font></b></h3><br>
                         <p>	-Số Lượng: <input name="product_data[84513][amount]" type="text" size="3" class="input-text-short cm-amount" value="">
                         <br>
                         <p>	-Nhận Hàng Tại: <select class="nhanhang">
					<option  value="Hà Nội">Hà Nội</option>
                    <option value="Hải Phòng"> Hải Phòng </option>
                    <option value="Hải Dương"> Hải Dương </option>
                    <option value="Nghệ An">Nghệ An </option>
                    <option value="Ninh Bình"> Ninh Bình </option>
                    <option value="Đà Nẵng"> Đà Nẵng </option>
                    <option value="Đồng Nai"> Đồng Nai </option>
					<option  value="TP.Hồ Chí Minh "> TP. Hồ Chí minh </option>
					<option value="Cần Thơ"> Cần Thơ </option>
                    <option value="An Giang">An Giang </option>
                    <option value="Đồng Tháp">Đồng Tháp </option>
                    <option value="Bến Tre"> Bến Tre </option>
                    <option value="Các Tỉnh Khác"> Các Tỉnh Khác... </option>
                    
				</select></p>
                         </div><br>
                         <p>	-Miễn phí giao hàng toàn quốc cho đơn hàng từ 180.000 đ</p>
<br>                   <hr width="300px"><br>
                      <tr><td> <input type="button" id="yeuthich" value="Thêm Vào Yêu Thích" style="font-size: 18px; margin-left: 10px"onclick="div.innerText=('Bạn đã thêm sách vào danh sách yêu thích!!!')"/></td>
                      <td><input type="button" id="datmua" value="ĐẶT MUA" style="font-size: 18px; margin-left: 10px"onclick="div.innerText=('Bạn đã đặt mua sách thành công!!!')"/></td>
                      </tr>
                       
                        </form>
						
					</div>
					<div class="content-1">
						<div class="thieunhi"><p>Sách Cùng Loại</p></div>
						<div class="bentrong2">
							<div class="anh2">
								
								<div class="ngoai2">
								<a href="#"><img src="tinhyeu\tinhyeu-1.jpg" width="150px" height="180px"/>
								<h5>Tình Nhân Không Bao Giờ Đòi Cưới</h5></a>
								</div>
								<p>Giá :<font color="#FE2E2E">52.800 ₫</font></p>
								
							</div>
							<div class="anh2">
							<div class="ngoai2">
								<a href="#"><img src="tinhyeu\tinhyeu-2.jpg" width="150px" height="180px"/>
								<h5>Bày Tỏ Tình Yêu</h5></a>
								</div><br>
								<p>Giá :<font color="#FE2E2E">9.000₫</font></p>
							</div>
							<div class="anh2">
							
								<div class="ngoai2">
								<a href="#"><img src="tinhyeu\tinhyeu-3.jpg" width="150px" height="180px"/>
								<h5>Đợi Đông Gõ Cửa, Em Sẽ Nói Yêu Anh</h5></a>
								</div>
								<p>Giá :<font color="#FE2E2E">55.200 ₫</font></p>
							</div>
							<div class="anh2">
							
								<div class="ngoai2">
								<a href="#"><img src="tinhyeu\tinhyeu-4.jpg" width="150px" height="180px"/>
								<h5>Bùa Yêu</h5></a>
								</div><br>
								<p>Giá :<font color="#FE2E2E">57.600 ₫</font></p>
							</div>
							<div class="anh2">
							
								<div class="ngoai2">
								<a href="#"><img src="tiengviet\tiengviet-5.jpg" width="150px" height="180px"/>
								<h5>Cuốn Sách Của Những Trái Tim</h5></a>
								</div><br>
								<p>Giá :<font color="#FE2E2E">9.000 ₫</font></p>
							</div>
							</div>
						</div>
		</div>
					<div class="footer">
					<p>Bản Quyền Thuộc <font color="#FE2E2E">&copy BG.Coop</font><br>
					Số 18, Ung Văn Khiêm, Phường Mỹ Xuyên, TP.Long Xuyên, An Giang
					<br>Số Điện Thoại: <font color="#FE2E2E">01254898958</font>
					</p>
				</div>
		</div>
		
	
			
	</body>
</html>